<template>
  <div class="leagueinfo1_container">
    <!-- 创建联赛集体信息填写栏 -->
    <div>
      <van-cell-group>
        <van-field v-model="value1" label="联赛预计球队数量" placeholder="请输入球队数量" />
        <van-field v-model="value2" label="联赛预计比赛场次" placeholder="请输入比赛场次" />
      </van-cell-group>
    </div>
    <div class="radio_box">
      <p>是否需要球服球鞋等装备</p>
      <van-radio-group v-model="radio1" direction="horizontal">
        <van-radio name="1">是</van-radio>
        <van-radio name="2">否</van-radio>
      </van-radio-group>
    </div>
    <div class="radio_box">
      <p>是否需要为球员购买保险</p>
      <van-radio-group v-model="radio2" direction="horizontal">
        <van-radio name="1">是</van-radio>
        <van-radio name="2">否</van-radio>
      </van-radio-group>
    </div>
    <div>
      <button id="ok_box" @click="send">该页面填写完成</button>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  name: 'leagueInfo3',
  data() {
    return {
      value1: '',
      value2: '',
      radio1: '1',
      radio2: '1'

    }
  },
  computed: {
    ...mapState(['CreateLeague_obj'])
  },
  methods: {
    send() {
      console.log('第一个该页面填写成功+', this.CreateLeague_obj.data)
    }

  }
}
</script>

<style scoped>
.leagueinfo1_container{
  height: 150vw;
  /* background-color: antiquewhite; */
  position: relative;
}
.radio_box{
  /* background-color: antiquewhite; */
  height: 20vw;
  margin-left: 5vw;
}
 ::v-deep .van-cell__title,::v-deep .van-field__control{
  height: 12vw;
  line-height: 12vw;
  width: 60vw;
}
#ok_box{
  position: absolute;
  width: 90%;
  left: 50%;
  top: 130vw;
  transform: translateX(-50%);
  height: 12vw;
  background-color: rgba(248, 107, 25, 0.973);
  border: none;
  border-radius: 2vw;
}
</style>
